<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>TaxiCafé - Cultura Pop e muito mais!</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/modern-business.css" rel="stylesheet">
	
	<!-- Fonts CSS -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>	
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

    <!-- Navigation -->
    <nav id="barraTopo" class="navbar" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menuTopo">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">
					<img id="logoTopo" src="http://www.taxicafe.com.br/wp-content/themes/super_taxicafe/image/logo.png" />
				</a>
				<div class="clear"></div>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="menuTopo">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="#">Cinema</a>
                    </li>
                    <li>
                        <a href="#">Séries</a>
                    </li>
                    <li>
                        <a href="#">Jogos</a>
                    </li>
                    <li>
                        <a href="#">Quadrinhos</a>
                    </li>
                    <li>
                        <a href="#">Livros</a>
                    </li>
					<li class="searchTaxi">
						<form action="#" method="post">
							<input type="text" class="form-control">
							<button class="btn btn-default" type="button">
                                <span class="glyphicon glyphicon-search"></span>
							</button>
						</form>
                    </li>
                </ul>
				
               
            </div>
            <!-- /.navbar-collapse -->
			<div class="clear"></div>
        </div>
        <!-- /.container -->
    </nav>
	
	<div class="publicidadeTopo">
		<a href="http://www.ocioso.com.br" target="_blank" title="Está no seu momento de descanso né? Entao clique aqui!">
			<img src="http://www.ocioso.com.br/imagens/parceiros/hotlink-ok/468p60.jpg" border="0" alt="Está no seu momento de descanso né? Entao clique aqui!" />
		</a>
		<a target="_blank" href="http://www.atoananet.com.br">
			<img src="http://www.atoananet.com.br/uploads/468x60.gif" alt="À toa na Net - Agregador de Conteúdo"/>
		</a>
	</div>
    <!-- Page Content -->
    <div class="container interna">
		<div class="col-md-8">
			<!-- Page Heading -->
			<div class="row">
				<div class="col-lg-12">
					<h1 class="page-header">Page Heading
						<small>Secondary Text</small>
					</h1>
				</div>
			</div>
			<!-- /.row -->

			<!-- Project One -->
			<div class="row">
				<div class="col-md-5">
					<a href="#">
						<img class="img-responsive" src="http://placehold.it/700x300" alt="">
					</a>
				</div>
				<div class="col-md-7">
					<h3>Project One</h3>
					<h4>Subheading</h4>
					<a class="btn btn-primary" href="#">Ver Mais <span class="glyphicon glyphicon-chevron-right"></span></a>
				</div>
			</div>
			<!-- /.row -->

			<hr>

			<!-- Pagination -->
			<div class="row text-center">
				<div class="col-lg-12">
					<ul class="pagination">
						<li>
							<a href="#">&laquo;</a>
						</li>
						<li class="active">
							<a href="#">1</a>
						</li>
						<li>
							<a href="#">2</a>
						</li>
						<li>
							<a href="#">3</a>
						</li>
						<li>
							<a href="#">4</a>
						</li>
						<li>
							<a href="#">5</a>
						</li>
						<li>
							<a href="#">&raquo;</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="row desktop">
				<iframe style="background: #FFF; border:none; overflow:hidden; width:720px; height:360px; max-width:100%; margin:20px auto 0px auto;" frameborder="0" scrolling="no" src="http://ocioso.com.br/troca-de-links/tag/id/cnvI0vmsXOkf20AKkVKgH8TwBlA36G_rB9RDT4ETsrD9qvxuLc1MMSwTh_MYcxkWQIth9tgeXWH1ow7pwbmPvS7aUioYjufxodH671r5ZrpWyQuHc0PVamdasTAaALxu8ztn08Hs-98VGuKUP3VhOLnUSAlGikOz50Vr7Gd2fklEQpAebvTgpkKIDMXT6f_bc-a_Ybhr17KkZ4cSv5hv_FB3MpJmxxBC5f99ib7UEELAe8aJCeAYIlI4S4rXlc48|dF3HfM9JEEteR5Nlxmk5FAfH2DIyV8tNH6rqCFvzhCA="></iframe>
			</div>
        </div>
        <!-- /.row -->

			<!-- Blog Sidebar Widgets Column -->
		<div class="col-md-4">

                <!-- Blog Categories Well -->
			<div class="well">
				<h4 class="sideTitle">Mais Vistos</h4>
				<div class="row">
					<div class="col-lg-12">
						<ul class="list-unstyled list-most-viewed">
							<li><a href="#">Category Name</a>
							</li>
							<li><a href="#">Category Name</a>
							</li>
							<li><a href="#">Category Name</a>
							</li>
							<li><a href="#">Category Name</a>
							</li>
						</ul>
					</div>
				</div>
				<!-- /.row -->
			</div>

			<div class="publi textCenter">
				<iframe id="google_ads_frame1" name="google_ads_frame1" width="336" height="280" frameborder="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-1415365042051363&amp;format=336x280&amp;output=html&amp;h=280&amp;slotname=7121522739&amp;adk=3354570135&amp;w=336&amp;lmt=1419113678&amp;flash=16.0.0&amp;url=http%3A%2F%2Fwww.taxicafe.com.br%2Fcritica-predestination-certas-coisas-estao-determinadas-acontecer%2F&amp;dt=1419113678514&amp;bpp=36&amp;bdt=262&amp;shv=r20141209&amp;cbv=r20141212&amp;saldr=aa&amp;correlator=7702778755073&amp;frm=20&amp;ga_vid=1649603444.1418664187&amp;ga_sid=1419113669&amp;ga_hid=414519406&amp;ga_fc=1&amp;u_tz=-120&amp;u_his=3&amp;u_java=1&amp;u_h=768&amp;u_w=1366&amp;u_ah=728&amp;u_aw=1366&amp;u_cd=24&amp;u_nplug=23&amp;u_nmime=112&amp;dff=source%20sans%20pro&amp;dfs=16&amp;adx=901&amp;ady=720&amp;biw=1349&amp;bih=667&amp;eid=317150304&amp;oid=3&amp;ref=http%3A%2F%2Fwww.taxicafe.com.br%2F&amp;rx=0&amp;eae=0&amp;fc=8&amp;brdim=0%2C0%2C0%2C0%2C1366%2C0%2C1366%2C728%2C1366%2C667&amp;vis=1&amp;abl=CS&amp;ppjl=u&amp;srr=1&amp;fu=0&amp;bc=1&amp;ifi=1&amp;xpc=kH1UGMp5zM&amp;p=http%3A//www.taxicafe.com.br&amp;dtd=105" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" allowfullscreen="true"></iframe>
			</div>

			<div class="well">
				<h4 class="sideTitle">Em Cartaz</h4>
				<div id="myCarousel" class="carousel slide em-cartaz">
					<?php 
						$ch = curl_init();
						$timeout = 0;
						curl_setopt($ch, CURLOPT_URL, 'http://www.adorocinema.com/filmes/numero-cinemas/');
						curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
						curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, $timeout);

						$conteudo = curl_exec ($ch);
						curl_close($ch);


						preg_match_all('#<div class="data_box">(.*?)</div>#ims', $conteudo, $site);
						preg_match_all('#<p>(.*?)</p>#ims', $conteudo, $descricao);
						preg_match_all('#<h2 class="tt_18 d_inline">(.*?)</h2>#ims', $conteudo, $h2);


						echo '<ol class="carousel-indicators">';
							for($i=0;$i<5;$i++){
								if ($i==0){
									echo '<li data-target="#myCarousel" data-slide-to="'. $i .'" class="active"></li>';
								} else {
									echo '<li data-target="#myCarousel" data-slide-to="'. $i .'" class=""></li>';
								}
							}
						echo '</ol>';
						
						echo '<div class="carousel-inner">';
							for($i=0;$i<5;$i++){
								if ($i==0){
									echo '<div class="item active">';
										$src = implode("[", explode("<", implode("]", explode(">", implode("'", explode('"',strip_tags($site[0][$i], "<img>")))))));
										$src = explode("src='", $src);
										$src = explode("'", $src[1]);
										echo '<div class="fill" style="background-image:url(\''. $src[0] .'\');"></div>';
										echo '<div class="carousel-caption">';
											echo '<h2>'. strip_tags($h2[0][$i]) .'</h2>';
											echo "<!--" . $descricao[0][$i] . "-->";
										echo '</div>';
									echo '</div>';
								} else {
									echo '<div class="item">';
										$src = implode("[", explode("<", implode("]", explode(">", implode("'", explode('"',strip_tags($site[0][$i], "<img>")))))));
										$src = explode("src='", $src);
										$src = explode("'", $src[1]);
										echo '<div class="fill" style="background-image:url(\''. $src[0] .'\');"></div>';
										echo '<div class="carousel-caption">';
											echo '<h2>'. strip_tags($h2[0][$i]) .'</h2>';
											echo "<!--" . $descricao[0][$i] . "-->";
										echo '</div>';
									echo '</div>';
								}
							}
						echo '</div>';
						?>
				</div>
				
			</div>
			<div class="textCenter">
				<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Ftaxicafeh&amp;width&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false&amp;appId=351477821692564" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:258px;" allowTransparency="true"></iframe>
			</div>
		</div>
	</div>
        
    </div>
	<div class="publicidadeFooter">
		<img class="img-responsive" src="http://placehold.it/728x90&text=Publicidade" alt="">
	</div>

	<div class="container">
        <!-- Footer -->
        <footer>
            <div class="row">
                <div class="col-lg-12">
                    <p>Copyright &copy; Taxi Café 2014</p>
                </div>
            </div>
            <!-- /.row -->
        </footer>

    </div>
    <!-- /.container -->

    <!-- jQuery Version 1.11.0 -->
    <script src="js/jquery-1.11.0.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Script to Activate the Carousel -->
    <script>
    $('.carousel').carousel({
        interval: 5000 //changes the speed
    })
    </script>

</body>

</html>
